<template>
  <div class="bankContainer">
    <div class="step-title">
      <el-steps :active="active" finish-status="success" process-status="process" align-center>
        <el-step title="客户自助" />
        <el-step title="风险测评业务确认单" />
        <el-step title="认证结果" />
      </el-steps>
    </div>
    <financialRiskVideo @nextStep="nextStep" />
  </div>
</template>

<script>
import financialRiskVideo from '@/views/videoBiz/phoneBank/riskAssessment/riskAssessmentVideo'
export default {
  name: 'RiskAssessment',
  components: {
    financialRiskVideo
  },
  data() {
    return {
      active: 0
    }
  },
  methods: {
    nextStep(index) {
      this.active = index
    }
  }
}
</script>

<style scoped>
.bankContainer {
    height: 100%;
    width: 100%;
  }
</style>
